<template>
  <div id="app">
    <v-header>
      <i class="icon" slot="left-icon">&#xe692;</i>
      <span slot="content">网易云</span>
      <i class="icon" slot="right-icon">&#xe63c;</i>
    </v-header>

    <v-tab></v-tab>

    <v-menu></v-menu>
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
    <v-player></v-player>
  </div>
</template>

<script>
import menu from "@/components/menu";
import header from "@/components/header";
import tab from "@/components/tab";
import playVue from "./components/play.vue";
export default {
  components: {
    "v-header": header,
    "v-menu": menu,
    "v-tab": tab,
    "v-player": playVue,
  },
};
</script>

<style lang='less'>
@font-face {
  font-family: "icon";
  /* project id 277165 */
  src: url("//at.alicdn.com/t/font_kmywdojzhchj8aor.eot");
  src: url("//at.alicdn.com/t/font_kmywdojzhchj8aor.eot?#iefix")
      format("embedded-opentype"),
    url("//at.alicdn.com/t/font_kmywdojzhchj8aor.woff") format("woff"),
    url("//at.alicdn.com/t/font_kmywdojzhchj8aor.ttf") format("truetype"),
    url("//at.alicdn.com/t/font_kmywdojzhchj8aor.svg#iconfont") format("svg");
}

.icon {
  font-family: "icon" !important;
  font-size: 18px;
  font-style: normal;
  color: #ffffff;
}

html,
body {
  line-height: 1;
  font-family: PingFang SC, STHeitiSC-Light, Helvetica-Light, arial, sans-serif;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: rgba(0, 43, 59, 0.9);
  color: #fff;
}
</style>
